﻿body{
    font-family: Segoe UI,Tahoma,Arial,Verdana,sans-serif;
}
#main{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    }
#logo{
    float:left
    }
        
#header{
    margin-top:24px;
    }
#header-text{
    float:right;
    }
#content{
    margin-top:24px;
    padding:0;
    }
#footer{
    border-bottom:solid 1px #DEDEDE;
    }
    /*------------Table----------------*/
.table-section{
    border-bottom:solid 1px #DEDEDE;
    width:215px;
    margin:10px;
    padding:0;
    display: inline-block;
    vertical-align: top;
    }
.table-center{
    margin:0;
    padding:0;
    text-align:center;
    width:960px;
    }
.table-header{
    background-color:#f5f4f3;
    height:32px;
    width:220px; 
    }
.header-text{
    line-height:32px;
    position:absolute;
    text-transform:uppercase;
    color:#666666;
    }
.status-1, .status-2, .status-3{
    margin:8px;
    width:16px;
    height:16px;
    float:left;
    }
.status-1{
    background:url(../images/status-1.png);
    }
.status-2{
    background:url(../images/status-2.png);
    }
.status-3{
    background:url(../images/status-3.png);
    }
ul.table-data{
    padding:0;
    list-style-type:square;
    margin-left:30px;
    }
ul.table-data li{
    padding-left:2px;
    color:#666666;
    text-align:left;
    }
/*---------navigation------------*/
ul.tab, ul.tab li{border:0; margin:0; padding:0; list-style:none;}
ul.tab{
    border-bottom:solid 1px #DEDEDE;
    height:29px;
    padding-left:20px;
    }
ul.tab li{float:left; margin-right:2px;}

.tab a{
    background:url(../images/tab-round.png) right 60px;
    color:#666666;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}
.tab a span{
    background:url(../images/tab-round.png) left 60px;
    display:block;
    height:30px;
    margin-right:14px;
    padding-left:14px;
}
.tab a:hover{
    background:url(../images/tab-round.png) right 30px;
    display:block;
}
.tab a:hover span{
    background:url(../images/tab-round.png) left 30px;
    display:block;
}
.clear{
    clear:both;            
    }
.space 
{
    height:50px;    
}
.hr{
    height:1px;
    width:75%;
    background-color:#DEDEDE;
    margin:15px auto 15px auto;
    }
    
.splash {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/transparentbkg.png);
    display:none;
    text-align: center;
    vertical-align: middle;
    z-index: 5;
}
/* -------------------------------- */
/* ACTIVE ELEMENTS */
.tab .active a{
    background:url(../images/tab-round.png) right 0 no-repeat;
}
.active a:link, .active a:visited, .active a:visited, .active a:hover{
    background:url(../images/tab-round.png) right 0 no-repeat;
}
.active a span, .active a:hover span{
    background:url(../images/tab-round.png) left 0 no-repeat;
}
h2
{
    color: grey;
    font-family: helvetica;    
    font-weight:normal;
}
h3
{
    color: #00A7FF;
    font-family: helvetica;    
    font-weight:normal;
}
th
{
    color: #00A7FF;
    font-family: helvetica;    
    font-weight:bold;
    text-align: left;
    white-space: nowrap;
    padding-right:15px;
}
.right
{
    float:right;
}
.indent
{
    padding-left:50px;    
}
tr:nth-child(odd)		{ background-color:white; }
tr:nth-child(even)		{ background-color:#F5F5F5; }

.display-label, .editor-label {
    display: block;
    float: left;
    clear: left;
    width: 150px;
    padding: 0px;
    margin: 0px 5px 10px 5px;
    /*white-space: nowrap;*/
}

.display-label{
    font-weight: bold;
}

.display-field, .editor-field {
    margin: 0px 5px 10px 5px;
    float: left;
}

a {
    color: #00A7FF;        
}